/* @group Layout */

div#container {width: 966px;} /* the width of our outermost container */
	div#nav {width: 966px;} /* the width of our outermost container minus any margin or padding */
	
	li.narrow {display: block;}
	li.wide {display: none;}

/* @group Maincontent */

/* this container holds the left column and main-body content. We load this container first for SEO Source Ordering purposes.
We set the width of this container based upon the content layout logic. (see includes/template_config.php) */
	#both #load-first {width: 766px !important; width:746px;} /* The available width minus the width of the right container */
	#left-only #load-first {width: 100%;} /* The available width because we no longer have the right container */
	#right-only #load-first {width: 766px;} /* The available width minus the width of the right container */
	#wide #load-first {width: 100%;} /* The available width because we no longer have the left or right containers */

/* The #middle-column container holds the main-body content. We load this container before we load the left column for SEO Source Ordering purposes.
We set the width of this container based upon the content layout logic. (see template_config.php) */
		#both #middle-column {width: 566px !important; width:546px;} /* The available width */
		#left-only #middle-column {width: 766px;} /* The available width minus the width of the left container */
		#right-only #middle-column {width: 766px;} /* The available width minus the width of the right container */
		#wide #middle-column {width: 100%;} /* The available width */

/* this container holds the left column content. We load this container before we load the right column for SEO Source Ordering purposes. */
		#left {width: 200px;}

/* this container holds the right column content. */
	#right {width: 200px;}
/* @end Maincontent */

/* @end Layout */